<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        .w1{
            height: 30px;
            background-color: #f1f1f1;
            color: #828285;
        }
        div.w1 .w2{
            padding-left: 15px;
            background-image: url("../tu/tel.png");
            background-repeat: no-repeat;
            background-size: 15px;
            background-position: 0px 5px;
            margin: 0px auto;
        }
        div.w1 ul{
            padding-left: 50px;
            line-height: 30px;
            font-size: 14px;
        }
        div.w1 ul li{
            padding: 0px 6px;
            display: inline-block;
            list-style: none;
        }
        div.w1 ul li a{
            color:#828285 ;
            text-decoration: none;
        }
        div.w1 ul li a:hover{
            color:#CB3744 ;
        }
        li.w2:hover{
            background-image: url("../tu/tel.png");
            background-size: 15px;
            background-position: 0px -20px;
        }

    </style>
</head>
<body>
<div class="w1">
    <ul>
        <li><a href="#" >您好，请登录 </a></li>
        <li><a href="#" >免费注册 </a></li>
        <li>|</li>
        <li><a href="#">我的订单</a></li>
        <li>|</li>
        <li><a href="#">我的京东</a></li>
        <li>|</li>
        <li><a href="#">京东会员</a></li>
        <li>|</li>
        <li><a href="#">企业采购</a></li>
        <li>| </li>
        <li class="w2"><a href=""> &nbsp;&nbsp;手机京东</a></li>
        <li>|</li>
        <li><a href="#">关注京东</a></li>
        <li>|</li>
        <li><a href="#">客户服务</a></li>

    </ul>
</div>

</body>
</html>